<template>
	<view class="box">
		
		<view class="content">
			<image class="backImg" src="/static/index/1.png"></image>
			<view class="tab">
				<view class="tab1" @click="yashi">
					
				</view>
				<!-- <view class="tab2" @click="tanpu">
					
				</view>
				<view class="tab3"@click="zhendao">
					
				</view> -->
				<!-- <view class="tab4" @click="zhuangji">
					
				</view> -->
				<view class="tab2" @click="qianghang">
					
				</view>
				<view class="tab3" @click="caozuo">
					
				</view>
				<!-- <view class="tab7" @click="car">
					
				</view> -->
			</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			yashi(){
				uni.navigateTo({
					url:'../yashi/yashi'
				})
			},
			tanpu(){
				uni.navigateTo({
					url:"../tanpu/tanpu"
				})
			},
			zhendao(){
				uni.navigateTo({
					url:"../zhendao/zhendao"
				})
			},
			zhuangji(){
				uni.navigateTo({
					url:"../zhuangji/zhuangji"
				})
			},
			qianghang(){
				uni.navigateTo({
					url:"../qianghang/qianghang"
				})
			},
			caozuo(){
				uni.navigateTo({
					url:"../caozuo/caozuo"
				})
			},
			car(){
				uni.navigateTo({
					url:"../car/car"
				})
			}

		}
	}
</script>

<style>
	.content {
		width: 750rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	.backImg{
		height: 1390rpx;
		width: 750rpx;
	}

	.tab {
		width: 540rpx;
		height: 900rpx;
		position: absolute;
		top: 430rpx;
		left: 120rpx;
		/* background-color: #00BFFF;
		opacity: 0.5; */
	}

	.tab1{
		width: 160rpx;
		height: 220rpx;
		position: absolute;
		top: 0rpx;
		left: 0rpx;
		/* background-color: #000000;
		opacity: 0.5; */
	}
	.tab2{
		width: 160rpx;
		height: 220rpx;
		position: absolute;
		top: 0rpx;
		left: 185rpx;
		/* background-color: #000000;
		opacity: 0.5; */
	}
	.tab3{
		width: 160rpx;
		height: 220rpx;
		position: absolute;
		top: 0rpx;
		left: 370rpx;
		/* background-color: #000000;
		opacity: 0.5; */
	}
	
	.tab4{
		width: 160rpx;
		height: 220rpx;
		position: absolute;
		top: 220rpx;
		left: 0rpx;
		/* background-color: #000000;
		opacity: 0.5; */
	}
	.tab5{
		width: 160rpx;
		height: 220rpx;
		position: absolute;
		top: 220rpx;
		left: 185rpx;
		/* background-color: #000000;
		opacity: 0.5; */
	}
	.tab6{
		width: 160rpx;
		height: 220rpx;
		position: absolute;
		top: 220rpx;
		left: 370rpx;
		/* background-color: #000000;
		opacity: 0.5; */
	}
	.tab7{
		width: 160rpx;
		height: 200rpx;
		position: absolute;
		top: 690rpx;
		left: 0rpx;
		/* background-color: #000000;
		opacity: 0.5; */
	}
</style>
